<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../../lib/bootstrap/3.3.5/css/bootstrap.min.css"/>
  <link rel="stylesheet" href="../../lib/bootstrap-daterangepicker/daterangepicker.css"/>
  <link rel="stylesheet" href="member-v14.css"/>
</head>
<body>
<!-- Vue-Tables example: https://jsfiddle.net/matfish2/f5h8xwgn/ -->
<div id="people" class="container">
  <h2>VueTables Client-Side Demo</h2>
  <div class="alphabet-filter">
    <p>Custom Filter Example:</p>
    <button class="btn btn-default" :class="{active:letter==selectedLetter}" v-for="letter in letters" @click="alphabetFilter(letter)">{{letter}}</button>
    <button class="btn btn-default" @click="alphabetFilter('')">Clear</button>
  </div>
  <v-client-table :data="tableData" :columns="columns" :options="options"></v-client-table>
</div>
<script src="../../lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>
<script src="../../lib/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!--
<script src="../../node_modules/vue/dist/vue.js"></script>
<script src="../../node_modules/vue-resource/dist/vue-resource.js"></script>
<script src="vue-components-v13.js"></script>
<script src="../../lib/vue/1.0.21/vue.common.js"></script>
<script src="../../lib/vue/1.0.21/vue.common.js"></script>
<script src="../../lib/bootstrap-daterangepicker/moment.min.js"></script>
<script src="../../lib/moment/moment.js"></script>
-->
<script src="../../lib/bootstrap-daterangepicker/moment.js"></script>
<script src="../../lib/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="../../lib/vue/1.0.21/vue.min.js"></script>
<script src="../../lib/vue-tables/1.1.5/vue-tables.min.js"></script>
<script src="member-v14.js"></script>

</body>
</html>
